﻿<div>
<h2>Reports</h2>
<div>
    <div class="control-group">
        <label class="control-label" for="reportType">Report Type:</label>
        <select id="reportType" name="reportType" data-ng-model="reportTypeModel" data-ng-options="r as r.name for r in reportTypes">
            <option value="" selected="selected">Select Report Type</option>
        </select>
    </div>
    <div class="control-group">
        <label class="control-label" for="companies">Company:</label>
        <select id="companies" name="companies" data-ng-model="selectedCompany" data-ng-options="c as c.name for c in companies"></select>
    </div>
    <div class="control-group">
        <label class="control-label" for="matrix">Matrix:</label>
        <select id="matrix" name="matrix" data-ng-model="selectedMatrix" data-ng-options="m as m.name for m in matrixes"></select>
    </div>
    <div class="control-group">
        <label class="control-label" for="comparativeGroup">Comparative Group:</label>
        <select id="comparativeGroup" name="comparativeGroup" data-ng-model="selectedComparativeGroup" data-ng-options="c as c.name for c in comparativeGroups"></select>
    </div>
    <div class="control-group">
        <label class="control-label" for="referenceUniverse">Reference Universe:</label>
        <select id="referenceUniverse" name="referenceUniverse" data-ng-model="selectedReferenceUniverse" data-ng-options="r as r.name for r in referenceUniverses"></select>
    </div>

    <button class="btn btn-primary" data-ng-disabled="!reportTypeModel" data-ng-click="generateReport()">Generate</button>
<loading></loading>
</div>
</div>


